<template>
  <h2>
    <div class="TB-title"><slot name="title">你の名字</slot></div>
    <div class="TB-more"><slot name="more">更多</slot></div>
    <span v-show="CPNsign" class="TB-moresign"><van-icon name="arrow" /></span>
  </h2>
</template>

<script>
export default {
  props:{
    CPNsign:{
      type:Boolean,
      default: true
    }
  }
}
</script>

<style scoped>
h2{
  display: flex;
  align-items: center;
  padding: 0 15px;
  font-size: 21px;
}
.TB-more,.TB-title{
  font-weight: normal;
}
.TB-title{
  flex: 1;
}
.TB-more{
  flex: 1;
  text-align: right;
  font-size: 12px;
}
.TB-moresign{
  font-size: 16px;
}
</style>